<style lang="less"></style>
<template>
	<div>
		<xMd :md="md" />
		<xAlert
			title="成功提示的文案"
			type="success"
			description="文字说明文字说明文字说明文字说明文字说明文字说明"
			show-icon />
		<xAlert
			title="消息提示的文案"
			type="info"
			description="文字说明文字说明文字说明文字说明文字说明文字说明"
			show-icon />
		<xAlert
			title="警告提示的文案"
			type="warning"
			description="文字说明文字说明文字说明文字说明文字说明文字说明"
			show-icon />
		<xAlert
			title="错误提示的文案"
			type="error"
			description="文字说明文字说明文字说明文字说明文字说明文字说明"
			show-icon />
	</div>
</template>
<script lang="ts">
export default async function () {
	return defineComponent({
		data() {
			return {
				md: "这是一个同时具有 icon 和辅助性文字的样例。"
			};
		}
	});
}
</script>
